<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    
    <title>进入购买课程</title>
    <jsp:include page="/pages/common/common.jsp"></jsp:include>
    <link href="../../css/css.css" rel="stylesheet" type="text/css" />
	<script type="text/javascript" src="../../js/jquery/jquery-1.8.3.js"></script>
	<script type="text/javascript" src="../../js/common/curvycorners.src.js"></script> 
  </head>
  
  <body>
     <div style="width:100%;height:30px;">
		<jsp:include page="/pages/common/title.jsp"/>
	</div>
      <div style="text-align:center">
     <div id="course_intro">
	             <div id="info_pic"><img src="../../images/course/course_info.jpg" /></div>
				 <div id="info_right">
				     <span class="title">Hadoop课程</span>
					 <div id="info_key">
					     <div id="key_left">
						    <div class="span_about">时间：</div><div class="span_about2">05-18-07-18</div>
						    <div class="span_about">导师：</div><div class="span_about2">Mr Lemen</div>
							<div class="span_about">价格：</div><div class="span_about2">￥999</div>
							<div class="span_about">学员：</div><div class="span_about2">1880人</div>
							<div class="span_about">评价：</div><div class="span_about2">*********</div>
						 </div>
						 <div id="key_right">
						     
							   <span style="font-size:18px; font-weight:bold;">课程介绍:</span> 
								我是介绍我是介绍我是介绍我是介绍我是介绍我是介绍我是介绍我是介绍我是介绍我是介绍我是介绍我是介绍我是介绍我是介绍我是介介绍。

							 
						 </div>
						  <div id="clear"></div>
					 </div>
					 
				 </div>
				 <div id="clear"></div>
	   </div>
	   
	     <div id="course_info">
	         <div id="info">
			        <div id="onlineCourse">
					   <div class="name">在线课堂</div>
					   <div class="course_lists">
					      <ul>
						      <li>
							     <div class="room_div">
								      <div class="room_name">在线课堂</div>
									  <div >日期:2012-05-18</div>
									  <div >时间:08:00-09:00</div>
									  <div >预约人数：28/200人</div>
								 </div>
							  </li>
						     <li>
							     <div class="room_div">
								      <div class="room_name">在线课堂</div>
									  <div >日期:2012-05-18</div>
									  <div >时间:08:00-09:00</div>
									  <div >预约人数：28/200人</div>
								 </div>
							  </li>
							  <li>
							     <div class="room_div">
								      <div class="room_name">在线课堂</div>
									  <div >日期:2012-05-18</div>
									  <div >时间:08:00-09:00</div>
									  <div >预约人数：28/200人</div>
								 </div>
							  </li>
							 
						  </ul>
					   </div>
					   <!--课程目录-->
					   <div id="contents">
					       <div class="section">
						        <div class="section_title">
								    Section 1: Get Start
								</div>
								<div class="section_content">
								    <ul>
									   <li>
									      <div class="one">
										      <div class="one_type">
								              Video
								             </div>
											 <div class="one_title">
											     <span>Lecture 1</span>  <br/>
												 <span>开场白</span>
											 </div>
											 <div id="clear"></div>
										  </div>   
									   </li>
									   
									    <li>
									      <div class="one">
										      <div class="one_type">
								              Video
								             </div>
											 <div class="one_title">
											     <span>Lecture 1</span>  <br/>
												 <span>开场白</span>
											 </div>
											 <div id="clear"></div>
										  </div>   
									   </li>
									    
										 <li>
									      <div class="one">
										      <div class="one_type">
								              Video
								             </div>
											 <div class="one_title">
											     <span>Lecture 1</span>  <br/>
												 <span>开场白</span>
											 </div>
											 <div id="clear"></div>
										  </div>   
									   </li>
									   
									    <li>
									      <div class="one">
										      <div class="one_type">
								              Video
								             </div>
											 <div class="one_title">
											     <span>Lecture 1</span>  <br/>
												 <span>开场白</span>
											 </div>
											 <div id="clear"></div>
										  </div>   
									   </li>
										
									</ul>
								</div>
						   </div>
						   <div class="section">
						        <div class="section_title">
								    Section 1: Get Start
								</div>
								<div class="section_content">
								    <ul>
									   <li>
									      <div class="one">
										      <div class="one_type">
								              Video
								             </div>
											 <div class="one_title">
											     <span>Lecture 1</span>  <br/>
												 <span>开场白</span>
											 </div>
											 <div id="clear"></div>
										  </div>   
									   </li>
									   
									    <li>
									      <div class="one">
										      <div class="one_type">
								              Video
								             </div>
											 <div class="one_title">
											     <span>Lecture 1</span>  <br/>
												 <span>开场白</span>
											 </div>
											 <div id="clear"></div>
										  </div>   
									   </li>
									    
										 <li>
									      <div class="one">
										      <div class="one_type">
								              Video
								             </div>
											 <div class="one_title">
											     <span>Lecture 1</span>  <br/>
												 <span>开场白</span>
											 </div>
											 <div id="clear"></div>
										  </div>   
									   </li>
									   
									    <li>
									      <div class="one">
										      <div class="one_type">
								              Video
								             </div>
											 <div class="one_title">
											     <span>Lecture 1</span>  <br/>
												 <span>开场白</span>
											 </div>
											 <div id="clear"></div>
										  </div>   
									   </li>
										
									</ul>
								</div>
						   </div>
					   
					   </div>
					</div>
			 </div>
			 <div id="other_info">
			        <div class="common_div2">
						 <div id="review_course">
					       <div class="title">课程评价</div>
					       <div class="prog"><img src="../../images/course/course_review.jpg" /></div> 
					    </div>
						<div id="review_input">
						     
						</div>
					</div>
				    <div class="common_div2">
					    <div id="notice">
						    <div class="title">通知公告</div>
							<div class="content">各位学员好！明天晚上的课程改期为后天晚上，谢谢！</div>
						</div>
					</div>
				    <div class="common_div2">
					   <div id="payInfo">
						    <div class="title">支付情况</div>
							<div class="content">已付80￥，还需70￥</div>
							<div class="topay"> <a href="#">进入支付</a></div>
						</div>
					</div>
				    <div class="common_div2">
					   <div id="study_prog">
					       <div class="title">学习进度</div>
					       <div class="prog"><img src="../../images/course/course_review.jpg" /></div> 
					    </div>
						
					</div>
					<div class="common_div3">
					     <div id="ques">
						       <div class="title">问答互动栏</div>
						       <div id="quesList">
							       <ul>
								      <li>
									      <div class="what">what is Hadoop？</div>
										  <div class="by">by Calon, 05-18 18:30</div>
									  </li>
									  <li>
									      <div class="what">what is Hadoop？</div>
										  <div class="by">by Calon, 05-18 18:30</div>
									  </li>
									 
								   </ul>				      				   
						       </div>
						 </div>
					  
					</div>
			 </div>
			 <div id="clear"></div>
	   </div>
	   </div>
  </body>
</html>
